<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>申请审批页面</title>
    <link rel="stylesheet" type="text/css" href="../static/admin/layui2/css/layui.css"/>
</head>
<body class="layui-layout-body" style="background-color: #7a7a7a;overflow:auto">
        <div class="layui-anim layui-anim-scale">
            <div class="layui-card" style="width: 500px;margin-left: 47px">
                <div class="layui-card-header" style="text-align:center">申请单信息</div>
                <div class="layui-card-body" id="table_info">
                    <table class="layui-table">
                        <thead>
                        <tr>
                            <th style="width: 166px">申请单编号</th>
                            <th style="width: 166px">奖学金名称</th>
                            <th style="width: 166px">金额</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td id="id"></td>
                            <td id="sname"></td>
                            <td id="money"></td>
                        </tr>
                        </tbody>
                    </table>
                    <table class="layui-table">
                        <thead>
                        <tr>
                            <th style="width: 166px">学号</th>
                            <th style="width: 166px">姓名</th>
                            <th style="width: 166px">性别</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td id="number"></td>
                            <td id="name"></td>
                            <td id="gender"></td>
                        </tr>
                        </tbody>
                        <thead>
                        <tr>
                            <th style="width: 166px">班级</th>
                            <th style="width: 166px">学院</th>
                            <th style="width: 166px">专业</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td id="clazz"></td>
                            <td id="department"></td>
                            <td id="major"></td>
                        </tr>
                        </tbody>
                        <thead>
                        <tr>
                            <th style="width: 166px">政治面貌</th>
                            <th style="width: 166px">电话号码</th>
                            <th style="width: 166px">邮箱</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td id="politic"></td>
                            <td id="phone"></td>
                            <td id="mail"></td>
                        </tr>
                        </tbody>
                        <thead>
                        <tr>
                            <th style="width: 166px">籍贯</th>
                            <th style="width: 166px">户口类型</th>
                            <th style="width: 166px">贫困家庭</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td id="native"></td>
                            <td id="household"></td>
                            <td id="poverty"></td>
                        </tr>
                        </tbody>
                        <thead>
                        <tr>
                            <th style="width: 166px" colspan="2">家庭收入</th>
                            <th style="width: 166px">银行卡号</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td id="price" colspan="2"></td>
                            <td id="card"></td>
                        </tr>
                        </tbody>
                        <thead>
                        <tr>
                            <th style="width: 166px">志愿活动时间</th>
                            <th style="width: 166px">获得证书</th>
                            <th style="width: 166px">成绩</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td id="volunteerTime"></td>
                            <td id="certificate"></td>
                            <td id="grade"></td>
                        </tr>
                        </tbody>
                    </table>
                    <table class="layui-table">
                        <thead>
                        <tr>
                            <th colspan="4" style="align-content: center">亲属信息</th>
                        </tr>
                        <tr>
                            <th style="width: 250px">关系</th>
                            <th style="width: 250px">姓名</th>
                            <th style="width: 250px">职业</th>
                            <th style="width: 250px">电话</th>
                        </tr>
                        </thead>
                        <tbody id="relTable">
                        </tbody>
                    </table>

                    <table class="layui-table" lay-size="lg">
                        <thead>
                        <tr>
                            <th>申请说明</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td id="appExplain"></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="layui-inline" style="float: right;margin-right: 18px">
                <a id="printTable" class="layui-btn layui-btn-primary layui-btn-sm">
                    <i class="layui-icon layui-icon-print"></i>
                </a>
            </div>
            <!--<div class="layui-inline" style="float: left;margin-left: 18px;margin-bottom: 20px">
                <a id="pass" class="layui-btn layui-btn-normal">
                    通过
                </a>
            </div>
            <div class="layui-inline" style="float: left;margin-left: 18px;margin-bottom: 20px">
                <a id="out" class="layui-btn layui-btn-danger">
                    不通过
                </a>
            </div>-->
</div>
<script src="../static/admin/layui2/layui.js" type="text/javascript" charset="utf-8"></script>
<script>
    layui.use(['element','form','jquery','layer','laydate'], function(){
        var element = layui.element
        var form = layui.form
        laydate = layui.laydate
        layer = layui.layer
        $ =layui.jquery;

        $("#printTable").click(function () {
            var v = document.createElement("div");
            var f = ["<head>", "<style>", "body{font-size: 12px; color: #666;}", "table{width: 100%; border-collapse: collapse; border-spacing: 0;}", "th,td{line-height: 20px; padding: 9px 15px; border: 1px solid #ccc; text-align: left; font-size: 12px; color: #666;}", "a{color: #666; text-decoration:none;}", "*.layui-hide{display: none}", ".picture{ }", "</style>", "</head>"].join("");
            $(v).append($("#table_info").html() + "</div>");
            var h = window.open("Print_window", "_blank");
            h.document.write(f + $(v).prop("outerHTML"));
            h.document.close();
            h.print();
            h.close();
        })
        
    });
</script>
</body>

</html>